<template>
	<view class="returnPro">
		<watermark></watermark>
		<view class="goods  zyjz f26 cl343 flex-start-c ">
			<image src="https://profile.csdnimg.cn/7/0/C/1_itwangyang520" mode="widthFix"></image>
			<view class="mgn-l-20" style="width:68%">
				<view class="omit1">
					安全帽安全帽安全帽安全安全帽安全帽安全帽安全
				</view>
				<view class="zyjz mgn-t-30 mgn-b-40 space-between">
					<view class="f24 ">200</view>
					<view class="f24 clAAA">借时间：2023-10-10</view>
				</view>
				<uni-number-box @change="changeValue" />
			</view>
		</view>
		<view class="text-center cl3e8 mgn-t-50">
			本记录是由某某仓库调拨形成
		</view>
		<view class="bottom zyjz pad-l-40 pad-t-20 pad-b-20 pad-r-20 bgfff f28 cl343">
			<button style="width: 100%;" type="primary" hover-class="none" @click="onSub">确认归还（请实际确认归还的数量）</button>
		</view>

		<uni-popup ref="alertDialog" type="dialog">
			<view class="upLoad ">
				<view class="pad30 pad-b-60">
					<uni-file-picker v-model="imageValue" fileMediatype="image" mode="grid" @select="select" />
				</view>
				<view class="zyjz btns f28">
					<view class="btn border-right">
						取消
					</view>
					<view class="btn cl3e8">
						确定
					</view>
				</view>
			</view>

		</uni-popup>
	</view>
</template>

<script>
	import watermark from '@/components/watermark.vue'
	import mixins from '@/mixins/index.js'
	export default {
		mixins: [mixins],
		components: {
			watermark
		},
		data() {
			return {

			}
		},
		methods: {
			onSub() {
				this.$refs.alertDialog.open()
			}
		}
	}
</script>

<style lang="less">
	.returnPro {

		.goods {
			position: relative;
			padding: 20rpx 0;
			margin: 0 20rpx;
			border-bottom: 1px solid #f7f7f7;

			.out {
				position: absolute;
				top: 20rpx;
				left: 0rpx;

				image {
					width: 48rpx;
					height: 48rpx;
				}

				text {
					position: absolute;
					top: 10rpx;
					left: 5rpx;
				}
			}

			image {
				width: 200rpx;
				height: 150rpx;
			}

			.clff0 {
				color: #FF0000;
			}
		}

		.upLoad {
			width: 630rpx;
			height: 372rpx;
			background: #FFFFFF;
			box-shadow: 0rpx 3rpx 6rpx 1rpx rgba(0, 0, 0, 0.16);
			border-radius: 8rpx 8rpx 8rpx 8rpx;

			.btns {
				border-top: 1px solid rgba(0, 0, 0, 0.1);

				.btn {
					width: 315rpx;
					padding: 30rpx 0;
					text-align: center;

				}

				.border-right {
					border-right: 1px solid rgba(0, 0, 0, 0.1);
				}
			}
		}
	}
</style>